<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi"
    />
    <link rel="icon" type="image/png" href="images/favicon.png" />
    <link rel="stylesheet" href="css/fxotary-icon.css" />
    <link rel="stylesheet" href="css/font-awesome-pro.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/slick.css" />
    <link rel="stylesheet" href="css/spacing.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/responsive.css" />
    <title>Fxotary</title>
  </head>

  <body>
    <!--================================
        PRELOADER START
    =================================-->
    <div class="preloader">
      <svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
        <path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
      </svg>
      <h5 class="preloader-text">Fxotary</h5>
    </div>
    <!--================================
        PRELOADER END
    =================================-->

    <!--===============================
        MAIN MENU START
    ===============================-->
    <header>
      <div class="main_menu navbar d-none d-xl-flex">
        <div class="container-fluid">
          <a href="index.html" class="navbar-brand">
            <img src="images/logo.png" alt="Fxotary" class="img-fluid w-100" />
          </a>
          <div class="main-menu">
            <nav class="navbar-nav m-auto" id="navbarNav">
              <ul>
                <li class="dropdown-nav">
                  <a href="#" class="text_hover_animaiton">Home</a>
                  <ul class="submenu">
                    <li><a href="index.html">Home 1</a></li>
                    <li><a href="index_2.html">Home 2</a></li>
                  </ul>
                </li>
                <li>
                  <a href="about_us.html" class="text_hover_animaiton">About</a>
                </li>
                <li class="dropdown-nav">
                  <a href="#" class="text_hover_animaiton">Pages</a>
                  <ul class="submenu">
                    <li class="dropdown-nav">
                      <a href="#">Services</a>

                      <ul class="submenu">
                        <li><a href="services.html">Service List</a></li>
                        <li>
                          <a href="service_details.html">Service Details</a>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown-nav">
                      <a href="#">Portfolio</a>
                      <ul class="submenu">
                        <li><a href="portfolio.html">Portfolio List</a></li>
                        <li><a href="portfolio_2.html">Portfolio Grid</a></li>
                        <li>
                          <a href="portfolio_details.html">Portfolio Details</a>
                        </li>
                      </ul>
                    </li>
                    <li><a href="team_page.html">Team List</a></li>
                    <li><a href="error.html">404</a></li>
                  </ul>
                </li>
                <li class="dropdown-nav">
                  <a href="#" class="text_hover_animaiton">Blog</a>
                  <ul class="submenu">
                    <li><a href="blog_grid.html">Blog Grid</a></li>
                    <li><a href="blog_list.html">Blog List</a></li>
                    <li><a href="blog_details.html">Blog Details</a></li>
                  </ul>
                </li>
                <li>
                  <a href="contact.html" class="text_hover_animaiton"
                    >Contact</a
                  >
                </li>
              </ul>
            </nav>
          </div>
          <div class="right_menu">
            <a href="#" class="search_icon"
              ><i class="fa-sharp fa-regular fa-magnifying-glass"></i
            ></a>
            <a href="contact.html" class="common_btn">Request Quote</a>
          </div>
        </div>
      </div>
      <div class="mobile-menu d-xl-none main_menu d-flex">
        <div class="container-fluid d-flex justify-content-between">
          <div class="d-flex align-items-center justify-content-between w-100">
            <div class="navbar-brand ms-3">
              <a href="index.html"
                ><img
                  src="images/logo.png"
                  alt="Fxotary"
                  class="img-fluid w-100"
              /></a>
            </div>
            <div class="text-end me-3">
              <a class="menu-bar navbar-toggler" href="javascript:void(0)"
                ><i class="fa-solid fa-bars"></i
              ></a>
            </div>
          </div>
        </div>
      </div>

      <div class="mobile_menu_container">
        <div class="mobile_menu_content">
          <div class="d-flex align-items-center justify-content-between">
            <div class="navbar-brand">
              <a href="index.html"
                ><img
                  src="images/logo.png"
                  alt="Fxotary"
                  class="img-fluid w-100"
              /></a>
            </div>
            <div class="close_btn">
              <button><i class="fal fa-times"></i></button>
            </div>
          </div>
          <div class="main-menu-mobile"></div>
        </div>
      </div>
    </header>
    <div class="menu_search">
      <form>
        <input type="text" placeholder="Search" />
        <button type="submit">Search</button>
        <span class="close_search c-pointer"
          ><i class="fa-sharp fa-light fa-xmark"></i
        ></span>
        <i class="icon-down-arrow"></i>
      </form>
    </div>
    <div class="body-overlay"></div>
    <!--===============================
        MAIN MENU END
    ===============================-->

    <!--===============================
        BLOG DETAILS START
    ===============================-->
    <section class="tf__blog_details mt_190 xs_mt_150">
      <div class="container">
        <div class="row">
          <div class="col-xl-10">
            <div class="tf__blog_details_header">
              <h5 id="FD00280">DIGITAL MARKETING / 25 Jan 2023</h5>
              <h1 class="banner_title" id="FD00281">
                Extraordinary claims necessitate a network of wormhole colonies.
              </h1>
              <ul id="FD00282">
                <li>
                  <div class="img">
                    <img
                      src="images/details_bloger.png"
                      alt="bloger"
                      class="img-fluid w-100"
                    />
                  </div>
                </li>
                <li>
                  <h4>Written by</h4>
                  <p>Tomas Markt</p>
                </li>
                <li>
                  <h4>Viewed</h4>
                  <p>3 min read</p>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-xl-12">
            <div class="tf__blog_details_img">
              <div data-animation="img-blur" data-scroll="0">
                <img
                  src="images/futured_work_img_9.jpg"
                  alt="blog details"
                  class="img-fluid w-100"
                  id="FD00283"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="row justify-content-between">
          <div class="col-xxl-7 col-lg-8">
            <div class="tf__blog_details_text">
              <p id="FD00284">
                Why I say old chap that is, spiffing jolly good a load of old
                tosh spend a penny tosser arse over tit, excuse my French owt to
                do with me up the kyver matie boy at public school. Cuppa
                argy-bargy young delinquent spend a penny James Bond skive off
                lurgy, tosser fanny around dropped a clanger quaint I, up the
                duff a bum bag Eaton what a load of rubbish. Matie boy pardon me
                blow off easy
              </p>

              <p id="FD00285">
                Cras mush pardon you knees up he lost his bottle it’s all gone
                to pot faff about porkies arse, barney argy-bargy cracking goal
                loo cheers spend a penny bugger all mate in my flat, hunky-dory
                well get stuffed mate David morish bender lavatory. What a load
                of rubbish car boot bite your arm off blatant pardon you, old
                tosser get stuffed mate tomfoolery mush
              </p>
              <div class="details_quot_text">
                <p id="FD00286">
                  Elizabeth ummm I’m telling bodge spend a penny say wellies say
                  James Bond, bubble and squeak a such a fibber optical service
                  your business you mug quaint cack what.!
                </p>
              </div>
              <p id="FD00287">
                Bloke cracking goal the full monty get stuffed mate posh wellies
                fantastic knackered tickety-boo Harry porkies, mush excuse my
                French bender down the pub Oxford bum bag gutted mate car boot
                pukka loo it’s your round, cor blimey guvnor is on your bike
                mate cup of char some dodgy chav blag happy days nancy boy
                hotpot.
              </p>
              <p id="FD00288">
                Cras chinwag brown bread Eaton cracking goal so I said a load of
                old tosh baking cakes, geeza arse it’s your round grub sloshed
                burke, my good sir chancer he legged it he lost his bottle pear
                shaped bugger all mate. Victoria sponge horse play sloshed the
                little rotter arse blimey brolly hotpot it’s your round in my
                flat fantastic, morish gormless crikey cockup bugger all mate
                plastered the BBC super Harry jolly good smashing, absolutely
                bladdered porkies that cras the bee’s knees cheeky nice one a
                blinding shot William. Brolly bevvy James Bond is porkies
                Elizabeth
              </p>
            </div>

            <form class="tf__contact_form blog_contact_form">
              <div class="row">
                <div class="col-xl-6">
                  <div class="tf__contact_form_imput">
                    <label>First Name:</label>
                    <input type="text" placeholder="e.g. Willy" />
                  </div>
                </div>
                <div class="col-xl-6">
                  <div class="tf__contact_form_imput">
                    <label>Email:</label>
                    <input
                      type="email"
                      placeholder="e.g. youremail@gmail.com"
                    />
                  </div>
                </div>
                <div class="col-xl-6">
                  <div class="tf__contact_form_imput">
                    <label>Phone:</label>
                    <input type="text" placeholder="e.g. +8801" />
                  </div>
                </div>
                <div class="col-xl-6">
                  <div class="tf__contact_form_imput">
                    <label>subject:</label>
                    <input type="text" placeholder="e.g. I need help" />
                  </div>
                </div>
                <div class="col-xl-12">
                  <div class="tf__contact_form_imput">
                    <label>Message:</label>
                    <textarea
                      rows="4"
                      placeholder="e.g. you need any help"
                    ></textarea>
                  </div>
                  <button
                    class="circle_btn circle_btn_2 learn_more_2"
                    type="submit"
                  >
                    <i class="fx-icon-long-next-arrow"></i>
                    Send Message
                  </button>
                </div>
              </div>
            </form>
          </div>

          <div class="col-xxl-4 col-lg-4">
            <div class="tf__details_sidebar" id="sticky_sidebar">
              <div class="tf__sidebar_search">
                <form>
                  <input type="text" placeholder="Search" />
                  <button type="submit"><i class="far fa-search"></i></button>
                </form>
              </div>

              <div class="tf__sidebar_post mt_35">
                <h3 id="FD00289">Recent Posts</h3>
                <ul id="FD00290">
                  <li>
                    <div class="img">
                      <img
                        src="images/sidebar_post_img_1.jpg"
                        alt="post"
                        class="img-fluid w-100"
                      />
                    </div>
                    <div class="text">
                      <a href="blog_details.html">Doloremque velit sapien</a>
                      <p>January 14, 2021</p>
                    </div>
                  </li>
                  <li>
                    <div class="img">
                      <img
                        src="images/sidebar_post_img_2.jpg"
                        alt="post"
                        class="img-fluid w-100"
                      />
                    </div>
                    <div class="text">
                      <a href="blog_details.html">Aliquam mollit nemo taci</a>
                      <p>January 14, 2021</p>
                    </div>
                  </li>
                  <li>
                    <div class="img">
                      <img
                        src="images/sidebar_post_img_3.jpg"
                        alt="post"
                        class="img-fluid w-100"
                      />
                    </div>
                    <div class="text">
                      <a href="blog_details.html">Interdum luctus accu sam</a>
                      <p>January 14, 2021</p>
                    </div>
                  </li>
                  <li>
                    <div class="img">
                      <img
                        src="images/sidebar_post_img_4.jpg"
                        alt="post"
                        class="img-fluid w-100"
                      />
                    </div>
                    <div class="text">
                      <a href="blog_details.html">Why I say old chat that</a>
                      <p>January 14, 2021</p>
                    </div>
                  </li>
                  <li>
                    <div class="img">
                      <img
                        src="images/sidebar_post_img_5.jpg"
                        alt="post"
                        class="img-fluid w-100"
                      />
                    </div>
                    <div class="text">
                      <a href="blog_details.html">Bloke cracking goal the</a>
                      <p>January 14, 2021</p>
                    </div>
                  </li>
                </ul>
              </div>

              <div class="tf__sidebar_archive mt_65">
                <h3 id="FD00291">Archive</h3>
                <span id="FD00292">
                  <p>January 2021</p>
                  <p>February 2021</p>
                </span>
              </div>

              <div class="tf__sidebar_category mt_65">
                <h3 id="FD00293">Categories</h3>
                <ul id="FD00294">
                  <li><a href="#">Fashion</a></li>
                  <li><a href="#">Features</a></li>
                  <li><a href="#">Food for thought</a></li>
                  <li><a href="#">Gaming</a></li>
                  <li><a href="#">Quote</a></li>
                  <li><a href="#">Video post</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--===============================
        BLOG DETAILS END
    ===============================-->

    <!--===============================
        QUESTION START
    ===============================-->
    <section
      class="tf__question pt_100 xs_pt_70 pb_100 xs_pb_70"
      data-animation
    >
      <div class="container">
        <div class="row">
          <div class="col-12">
            <a
              href="contact.html"
              data-cursor='<i class="fa-light fa-envelope"></i>'
              class="tf__question_text"
            >
              <h2>Have any <span>project?</span></h2>
            </a>
          </div>
        </div>
      </div>
    </section>
    <!--===============================
        QUESTION END
    ===============================-->

    <!--===============================
        FOOTER START
    ===============================-->
    <footer class="pt_120 xs_pt_80">
      <div class="container">
        <div class="row justify-content-between" id="foot">
          <div class="col-xl-4 col-sm-8 col-md-6 col-lg-4">
            <div class="footer_content">
              <a class="footer_logo" href="index.html">
                <img
                  src="images/footer_logo.jpg"
                  alt="Fxotary"
                  class="img-fluid w-100"
                />
              </a>
              <p>
                Qorem ipsum dolor sit amet, consectetur adipiscing elit aut elit
                tellus luctus nec ulla corper mattis aulvinar daibus leo.
              </p>
              <!-- <form>
                <input type="text" placeholder="ENTER YOUR EMAIL" />
                <button type="submit">
                  <i class="fx-icon-next-arrow"></i>
                </button>
              </form> -->
              <ul class="d-flex flex-wrap">
                <li>
                  <a href="#"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-linkedin-in"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-twitter"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-pinterest-p"></i></a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-xl-2 col-sm-3 col-md-6 col-lg-2">
            <ul class="footer_menu">
              <li>
                <a
                  href="index.html"
                  class="text_hover_animaiton text_hover_type_2"
                  >Home</a
                >
              </li>
              <li>
                <a
                  href="portfolio.html"
                  class="text_hover_animaiton text_hover_type_2"
                  >Portfolio</a
                >
              </li>
              <li>
                <a
                  href="services.html"
                  class="text_hover_animaiton text_hover_type_2"
                  >Services</a
                >
              </li>
              <li>
                <a
                  href="contact.html"
                  class="text_hover_animaiton text_hover_type_2"
                  >Contact</a
                >
              </li>
              <li>
                <a
                  href="blog_grid.html"
                  class="text_hover_animaiton text_hover_type_2"
                  >Blog</a
                >
              </li>
            </ul>
          </div>
          <div class="col-xl-2 col-md-6 col-lg-3">
            <div class="footer_address">
              <h3>Address</h3>
              <p>33 Road Broklyn Street, 600 New York, USA</p>
              <p>2972 Westheimer Rd. Santa Ana, Illinois 85486</p>
            </div>
          </div>
          <div class="col-xl-2 col-md-6 col-lg-3">
            <div class="footer_address">
              <h3>Contact</h3>
              <p>
                <a href="mailto:needhelp@company.com">needhelp@company.com</a>
                <a href="callto:+926668880000">+92 (666) 888 0000</a>
              </p>
              <p>
                <a href="mailto:needhelp@company.com">youmail@company.com</a>
                <a href="callto:+926668880000">+80 (222) 888 11110</a>
              </p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="footer_copyright">
              <p>Copyright © 2024 Codeefly. All rights by <a href="https://www.bootstrapmb.com">bootstrapMB</a>.</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!--===============================
        FOOTER END
    ===============================-->

    <!--==============================
        SCROLL BUTTON START
    ===============================-->
    <div class="tf__scroll_btn"><i class="far fa-long-arrow-up"></i></div>
    <!--==============================
        SCROLL BUTTON END
    ===============================-->
    <div id="magic-cursor">
      <div id="ball"></div>
    </div>
  </body>
</html>


<script src="./js/plugin.js"></script>
<script src="./js/animation.js"></script>
<script src="./js/main.js"></script>
<script src="js/jquery.js"></script>
<script src="js_cus/view.js"></script>
<script src="js_cus/blog.js"></script>
<script type="text/javascript">
  (function () {
    getBlogDetail();
  })(jQuery);
</script>